<template>
  <div id="tel">
      <div class="box">
          <div class="title">
              <img src="https://tsyx-rights-and-interests.oss-cn-hangzhou.aliyuncs.com/icon/at_sign.png" alt="">
              商务合作
          </div>
          <div class="msg">
              <p>电子邮箱：</p>
              monica@tsyxvip.com
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.box {
    padding: .3rem;
    width: 90%;
    margin: .4rem auto;
    background-color: #fff;
    .title {
        position: relative;
        img {
            position: absolute;
            left: .1rem;
            top: 50%;
            width: .5rem;
            transform: translateY(-50%);
        }
        line-height: .5rem;
        font-size: .4rem;
        font-weight: 700;
        padding-left: .9rem;
    }
    .msg {
        line-height: .5rem;
        margin: .4rem 0;
        font-size: .4rem;
        color: #000;
        span {
            color: #686868;
        }
    }
}
</style>